<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:outputStylesheet>
        .rf-ac {
        width: 160px;
        }
        
         .rf-ac {
        top: 10px;
        }
 
        .rf-ac-itm-c {
        height: 220px;
        }
    </h:outputStylesheet>
<h:body>
 
    <h:form>
        <rich:accordion switchType="ajax" id="accord">
            <c:forEach items="#{myBeen.list}" var="list">
                
                <rich:accordionItem header="#{list.value1}">
                    
                    <h:link>Item +#{list.listDetail}</h:link> <br/>
                    <c:forEach items="#{list.listDetail}" var="listdetail">  
                       #{listdetail.itemvalue}
                  </c:forEach>
                     <h:link>Item2 +#{list.listDetail}</h:link> <br/>
                  
                  
                </rich:accordionItem>
            </c:forEach>
        </rich:accordion>
    </h:form>
 
</h:body>
</html>
